<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>欢迎页面-新浪新闻-后台管理系统-1.0</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="../static/css/font.css">
	<link rel="stylesheet" href="../static/css/weadmin.css">


</head>

<body>
	<div class="weadmin-body">
		<blockquote class="layui-elem-quote">欢迎使用新浪新闻-后台管理系统！</blockquote>
		<div class="layui-fluid" style="overflow: hidden;">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md8">
					<div class="layui-card">
						<div class="layui-card-header">快捷方式</div>
						<div class="layui-card-body">
							<div class="layui-carousel weadmin-shortcut" lay-filter="shortcut" lay-indicator="inside"
								lay-arrow="none" style="width: 100%; height: 280px;">
								<div carousel-item="">
									<ul class="layui-row layui-col-space10 layui-this">
										<li class="layui-col-xs3">
											<a href="https://layui.dev/2.7/docs/" target="_blank">
												<i class="layui-icon">&#xe705;</i>
												<cite>Layui文档</cite>
												<p><span>Layui作者一个字节一个字节撸出来的精华，数以万计用户的指明灯</span></p>
											</a>
										</li>
										<li class="layui-col-xs3">
											<a href="https://layui.dev/2.7/demo/" target="_blank">
												<i class="layui-icon">&#xe756;</i>
												<cite>layui案例</cite>
												<p><span>理论结合实践，案例更清晰~</span></p>
											</a>
										</li>
										<li class="layui-col-xs3">
											<a href="https://gitee.com/lovetime/WeAdmin" target="_blank">
												<i class="layui-icon">&#xe735;</i>
												<cite>weAdmin文档</cite>
												<p><span>WeAdmin免费开源的后台管理系统</span></p>
											</a>
										</li>
									</ul>
								</div>
								<!--<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
									<button class="layui-icon layui-carousel-arrow" lay-type="add"></button>-->
							</div>

						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">
							作者叨叨
							<i class="layui-icon" style="color: #FF5722;">&#xe756;</i>
						</div>
						<div class="layui-card-body layui-text weadmin-text">
							<p>Layui发版以来一直受到不少猿的推崇，作为其中的小白，我也一直在推崇和学习中挣扎，WeAdmin无他，也只是小白实操的一个记录。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="clear: both;overflow: hidden; margin-top: 10px;">
			<blockquote class="layui-elem-quote">感谢Layui作者贤心同学的辛苦付出！</blockquote>
		</div>
	</div>
</body>
<script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
	layui.extend({
		admin: '{/}../static/js/admin',
	});
	layui.use(['jquery', 'element', 'util', 'admin', 'carousel'], function () {
		var element = layui.element,
			$ = layui.jquery,
			carousel = layui.carousel,
			util = layui.util,
			admin = layui.admin;
		//建造实例			
		carousel.render({
			elem: '.weadmin-notice'
			, width: '100%' //设置容器宽度				
			, arrow: 'none' //始终显示箭头	
			, trigger: 'hover'
			, autoplay: true
		});

		$(function () {
			setTimeAgo(2018, 0, 1, 13, 14, 0, '#firstTime');
			setTimeAgo(2019, 5, 20, 16, 0, 0, '#lastTime');
		});
		function setTimeAgo(y, M, d, H, m, s, id) {
			var str = util.timeAgo(new Date(y, M || 0, d || 1, H || 0, m || 0, s || 0));
			$(id).html(str);
			console.log(str);
		};
	});
</script>

</html>